<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">
<link rel="stylesheet" type="text/css" href="css/member.css">

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/zoomset.js"></script>
<script type="text/javascript" src="js/basic.js"></script>


<script>
    $(function(){

		/**** ****/

		$(".action-view-goods").click(function(){
			  $(this).parents("tr").next("tr").toggleClass("hide");
		})


		/*********评论填写*********/
		$(".action-show-comment").each(function(){
			$(this).click(function(){
			   var $this = $(this);
			   var $end = $this.parents("tr").next("tr").find(".comment-cell").eq(0);

			   $this.parents("table").children("tbody").find(".comment-cell").height(0);
			   $end.height(327);

			   var p_x = $end.offset().left;
			   var p_y = $end.offset().top;
			   var $con = $this.parents("tbody").siblings("tfoot").find("form").eq(0);


			   $con.css({
				   "left": p_x,
				   "top": p_y
				   }).show();
		   })

		})


		//tab切换
		$(".member-tabs a").each(function(){
			$(this).click(function(){
				var $this = $(this);
				var ind = $(".member-tabs a").index($this);
			   if( $this.hasClass("active")){
			   	return false;
			   }else{
			     $this.addClass("active").siblings().removeClass("active");
				 $this.parent().siblings(".member-messagebox-list").hide();
				 $this.parent().siblings(".member-messagebox-list").eq(ind).show();
			   }
			})

		})



    });
</script>
</head>

<body>

<% include partial/header %>

<!--content start--->
<div id="content">
    <div class="wrap clearfix">
        <div class="Navigation">
            <span class="pos-front">您当前的位置：</span>
            <span><a href="./member.html" alt="" title="">会员中心</a></span>
            <span>&gt;</span>
            <span class="now">站内信</span>
		</div>

        <div id="main" class="clearfix">
          <!-- 左栏 -->
          <div class="page-aside">
            <!-- 会员中心菜单 -->
            <div id="member_menu" class="member-menu member-menu2">
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">交易管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-orders.html">我的订单</a> </li>
                  <li> <a href="./member-afterlist.html">申请退换货</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">评论咨询管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-nodiscuss_1.html">评价晒单</a> </li>
                  <li> <a href="./member-consultation.html">我的咨询</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">我的账户</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-favorite.html">商品收藏</a> </li>
                  <li> <a href="./member-notify.html">到货通知</a> </li>
                  <li> <a href="./member-coupon.html">我的优惠券</a> </li>
                  <li> <a href="./member-balance.html">我的预存款</a> </li>
                  <li> <a href="./member-deposit.html">预存款充值</a> </li>
                  <li> <a href="./member-point_detail.html">我的积分</a> </li>
                </ul>
              </div>
              <div class="member-menu-mod member-menu-mod2">
                <h2 class="member-menu-title member-menu-title2">个人信息管理</h2>
                <ul class="member-menu-list member-menu-list2">
                  <li> <a href="./member-mes_in.html" class="active">站内信</a> </li>
                  <li> <a href="./member-setting.html">个人信息</a> </li>
                  <li> <a href="./member-securitycenter.html">安全中心</a> </li>
                  <li> <a href="./member-receiver.html">收货地址</a> </li>
                </ul>
              </div>
            </div>
          </div>

        <!-- 会员中心主内容区 -->
        <div class="page-article">
             <!-- 站内信：收件箱 -->
             <div id="member_messagebox" class="member-messagebox">
                    <div class="member-tabs">
                      <a href="#" class="active"><em>收件箱</em></a>
                      <a href="#"><em>草稿箱(<span class="item-unread">1</span>)</em></a>
                      <a href="#"><em>给管理员发消息</em></a>
                    </div>

                    <!--收件箱-->
                    <div class="member-mod member-messagebox-list">
                      <table class="member-grid">
                        <!-- 标题 -->
                        <caption>
                          <span class="messagebox-action" style="padding-top: 7px;"><a href="#" class="btn btn-simple action-batch-delete"><span><span>删除</span></span></a></span>
                          <span class="messagebox-tip">共<i>0</i>条消息，<b class="item-unread">0</b> 条未读</span>
                        </caption>
                        <thead>
                          <tr>
                            <th class="check"><input type="checkbox" name="" id="" class="x-check action-check-all"></th>
                            <th>发件人</th>
                            <th>标题</th>
                            <th>时间</th>
                            <th>操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr class="first"><td colspan="5" class="no-information">暂无消息</td></tr>
                          <tr class="handle first">
                            <td class="check"><input type="checkbox"  class="x-check op-check-all"  data-validatormsg="请先选择消息后再删除"></td>
                            <td class="adressee">管理员</td>
                            <td class="title">111</td>
                            <td class="time">16-06-05 20:48</td>
                            <td class="time"><a href="#">回复</a></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>

                    <!--发件箱-->
                    <div class="member-mod member-messagebox-list" style="display:none;">
                      <table class="member-grid">
                        <!-- 标题 -->
                        <caption>
                          <span class="messagebox-action" style="padding-top: 7px;"><a href="#" class="btn btn-simple action-batch-delete"><span><span>删除</span></span></a></span>
                          <span class="messagebox-tip">共<i>1</i>条消息</span>
                        </caption>
                        <thead>
                          <tr>
                            <th class="check"><input type="checkbox" name="" id="" class="x-check action-check-all"></th>
                            <th>收件人</th>
                            <th>标题</th>
                            <th>时间</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr class="first"><td colspan="4" class="no-information">暂无消息</td></tr>
                          <tr class="handle first">
                            <td class="check"><input type="checkbox" class="x-check op-check-all" data-validatormsg="请先选择消息后再删除"></td>
                            <td class="adressee">管理员</td>
                            <td class="title">111</td>
                            <td class="time">16-06-05 20:48</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>


                    <!--写邮件-->
                    <div class="member-mod member-messagebox-list" style="display:none;">
                       <div class="post-message">
                            <form>
                              <ul>
                                <li class="form-item"><label for="" class="form-label">收件人：</label><span class="form-act">管理员</span></li>
                                <li class="form-item"><label for="" class="form-label">标题：</label>
                                  <span class="form-act">
                                    <input type="text" name="subject" id="" class="x-input" vtype="required">
                                  </span>
                                </li>
                                <li class="form-item"><label for="" class="form-label">内容：</label>
                                  <span class="form-act">
                                    <textarea name="comment" id="" class="x-input" cols="50" rows="5" vtype="required"></textarea>
                                  </span>
                                </li>
                                <li class="form-item">
                                  <span class="form-act">
                                    <button type="submit" class="btn btn-caution action-sendmsg" rel="_request"><span><span>发送</span></span></button>
                                    <button type="submit" class="btn btn-simple action-savetodrafts" name="has_sent" value="false" rel="_request"><span><span>保存到草稿箱</span></span></button>
                                  </span>
                                </li>
                              </ul>
                            </form>
                          </div>
                    </div>



              </div>


        </div><!-- 会员中心主内容区end -->


        </div>
    </div>
</div>
<!--content end-->

<% include partial/footer %>

</body>
</html>
